<template>
	<view class="content" style="padding-bottom:50rpx;">
		<view class="mybox">
			<view class="mybox_t">
				<view class="view_t">
					<view class="fontColor myproperty">我的资产(USDT)</view>
				</view>
				<view class="view_c">
					<view class="c_number">0.00</view>
					<view class="c_number_z">
						<view class="fontColor">总受益(USDT)</view>
						<view class="fontColor">0.00</view>
					</view>
					<view style="flex: 1;"></view>
				</view>
				<view class="view_c" style="padding:20rpx 0;">
					<view class="c_number_z" style="padding-left:20rpx;">
						<view class="fontColor">总受益(CNY)</view>
						<view class="fontColor">0.00</view>
					</view>
					<view class="c_number_z number_z_cen" >
						<view class="fontColor" style="padding-left:20rpx;">今日受益(USDT)</view>
						<view class="fontColor" style="padding-left:20rpx;">0.00</view>
					</view>
					<view class="c_number_z" style="padding-right:20rpx;">
						<view class="fontColor" style="padding-left:20rpx;">冻结押金(USDT)</view>
						<view class="fontColor" style="padding-left:20rpx;">0.00</view>
					</view>
				</view>
			</view>
			<view class="mybox_b">
				<text>发送</text><text>接收</text>
			</view>
		</view>
		
		<view class="moneylist">
			<view class="moneytit">
				<text class="icon_left"></text> 
				钱包流水 
				<text class="icon_right"></text></view>
		</view>
		
		
		<botLine />
	</view>
</template>

<script>
	import botLine from '../../components/botLine.vue'
	export default {
		components:{botLine
		},
		data() {
			return {
				title:'钱包管理'
			}
		},
		onLoad() {
	
		},
		methods: {
		}
	}
</script>

<style lang="scss" scoped>
.content{padding:0 20rpx ;
	height: 100vh;background:#f1f5f8;background-size: contain;
	.fontColor{color: #b3b6c7;font-size: 26rpx;font-weight: 400;}
	.mybox{
		padding-top: 20rpx;
		.mybox_t{background-color: #4e5366;border-top-left-radius:20rpx;border-top-right-radius:20rpx;
			.view_t{display: flex;line-height: 60rpx;
				.myproperty{flex: 1;padding-left:20rpx;}
				.mywallet{flex: 1;text-align: right;box-sizing: border-box;padding-right:20rpx;font-size: 24rpx;cursor: pointer;}
			}
			.view_c{
				display: flex;
				.c_number{flex: 1;padding-left:20rpx;display: flex;align-items: flex-end;
					font-size: 40rpx;color: #fff;
				}
				.c_number_z{flex: 1; 
					view:nth-child(1){line-height: 40rpx;font-size: 24rpx;}
					view:nth-child(2){font-size: 24rpx;line-height: 34rpx;}
					&.number_z_cen{
						border-left:#b3b6c7 solid 1px;border-right:#b3b6c7 solid 1px;text-align: left;
					}
				}
			}
		}
		.mybox_b{color: #fff;font-size: 34rpx;justify-content: center;font-size: 28rpx;line-height: 98rpx;
			background-color: #4c4d62;border-bottom-left-radius:20rpx;border-bottom-right-radius:20rpx;height: 98rpx;
			text:nth-child(1){width:50%;display: inline-block;text-align: center;box-sizing: border-box;
				line-height:50rpx;height:50rpx;padding-left:55rpx;
				background: url(../../static/send_icon.png) no-repeat 120rpx center;background-size: contain;
			}
			text:nth-child(2){width:50%;display: inline-block;text-align: center;box-sizing: border-box;
				line-height:50rpx;height:50rpx;padding-left:55rpx;
				background: url(../../static/receive_icon.png) no-repeat 120rpx center;background-size: contain;
			}
		}	
	}
	
	
	
}
</style>